<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
</head>
<style>
    div {
        /* font-size: 120px;
        text-align: center;
        margin-top: 300px; */
    }
</style>

<body>
    <div>
        <p>有序列表</p>
        <!--
            1. li标签可以随便使用，但是ol只有li
            2.有type属性进行排序：type:1,a,A,i,I
            3.如果想从c开始进行排序
            4.start属性,取值只能是一个数字
        -->
        <ol type="a" start="29">
            <li>一</li>
            <li>二</li>
            <li>三</li>
        </ol>
        <p>无序列表</p>
        <!-- 
            1.ul里面只能放li，li可以放其他的
            2.默认的是黑色的实心圆
            3.type属性：disc、circle、square,none（用的很多）
         -->
        <ul type='square'>
            <li>一</li>
            <li>二</li>
            <li>三</li>
        </ul>
    </div>
    <p>自定义列表</p>
    <dl>
        <dt>我是文字</dt>
        <dd>我是图片</dd>
    </dl>
    <!-- 
       1. ./同级路径相对路径example.jpg
       2.绝对路径，电脑上其他盘的图片
       3. ../是图片的上一级路径
       4.alt 就是图片加载不出来显示的内容
       5.title：鼠标悬浮在图片上有进行展示的内容  图片显不显示都会进行展示
       6.只设置宽或者高不会使照片进行失贞
       
     -->
    <img style="width: 200px;height: 150px;" src="./img/example.jpg" title="你好啊！纸茶" alt="图片加载不出来">
    <p>超链接</p>
    <!-- 
        1.target属性：_self 自己的窗口  _blank打开一个新窗口
        2.还可以进行调转内部的网页，进行相对路径
     -->
    <a target="_blank" href="https://www.baidu.com/?tn=99493963_hao_pg">百度</a>
</body>

</html>